<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>排行榜</title>
<style>
*{padding:0;margin:0;font-family: '黑体';}
html,body{padding:0;margin:0;background: #bb171e ;}
.bg{
    background:url('images/LED.png') top center no-repeat;
    margin:0 auto;
    width:1600px;
    height: 900px;
    overflow: hidden;
}
.bg h1{text-align: center;color:#ed3d34;font-size: 32px;font-weight: bold;}
.bg table{
    width:1150px;
    margin:24px auto 0;
    border-top:1px solid #dcc0b5;
    
}
.bg table tr td{
    height: 55px;
    vertical-align: middle;
    font-size: 14px;
    font-weight: bold;
    border:none;
    border-bottom:1px solid #dcc0b5;
    
}
.dark td{
    background: #ffe3c6;
}

.red{margin-left: 25px;color:#ed3d34;font-size: 18px;}
.gray{color:#714230;}
.mg1{
    margin-top: 235px;
}
.mg2{
    margin-top: 30px;
}
.btn{
    background: url("images/showbtn.png") top center no-repeat;
    display: inline-block;
    width: 83px;
    height: 27px;
    text-align: center;
    line-height: 27px;
    color: #fff;
}
</style>
</head>
<body>
<div class="bg">
<h1 class="mg1">节目排名</h1>
<table  border="0" cellspacing="0" cellpadding="0">
    <tr class="dark">
        <td>
            <span class="red">第一名：</span>
            <span class="gray">开场白开场白开场白开场白</span>
            <span class="btn">800票</span>
        </td>
        <td>
            <span class="red">第一名：</span>
            <span class="gray">开场白开场白开场白开场白</span>
            <span class="btn">800票</span>
        </td>
        <td>
            <span class="red">第一名：</span>
            <span class="gray">开场白开场白开场白开场白</span>
            <span class="btn">800票</span>
        </td>
    </tr>
    <tr>
        <td>
            <span class="red">第一名：</span>
            <span class="gray">开场白开场白开场白开场白</span>
            <span class="btn">800票</span>
        </td>
        <td>
            <span class="red">第一名：</span>
            <span class="gray">开场白开场白开场白开场白</span>
            <span class="btn">800票</span>
        </td>
        <td>
            <span class="red">第一名：</span>
            <span class="gray">开场白开场白开场白开场白</span>
            <span class="btn">800票</span>
        </td>
    </tr>
</table>

<h1 class="mg2">节目排名</h1>
<table border="0" cellspacing="0" cellpadding="0">
    <tr class="dark">
        <td>
            <span class="red">第一名：</span>
            <span class="gray">开场白开场白开场白开场白</span>
            <span class="btn">800票</span>
        </td>
        <td>
            <span class="red">第一名：</span>
            <span class="gray">开场白开场白开场白开场白</span>
            <span class="btn">800票</span>
        </td>
        <td>
            <span class="red">第一名：</span>
            <span class="gray">开场白开场白开场白开场白</span>
            <span class="btn">800票</span>
        </td>
    </tr>

</table>

</div>
</body>
</html>